
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta name="full-screen" content="yes">
    <link rel="stylesheet" href="../css/cui.css" />
    <link rel="stylesheet" href="../css/style.css" />
    <link rel="stylesheet" href="../css/less.css" />
</head>
<body>
<div id="hd">
    <div class="wp">
        <div class="logo"><a href="../index.html"><img src="../images_my/logo5.jpg" alt=""></a></div>
        <div id="nav">
            <ul>
                <li><a href="../index.html" >首页</a></li>
                <li><a href="about.html" >关于来一卷</a></li>
                <li><a href="service.html"   style="color:#e4392a; border-bottom:3px solid #e4392a;">来一卷服务</a></li>
                <li><a href="case.html" >来一卷案例</a></li>
                <li><a href="news.html" >来一卷动态</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
        </div>
        <div class="tel">13981766258</div>
    </div>
</div>
<!-- end #hd -->
<div class="c"></div>
<div id="m-hd">
    <a href="../index.html" class="m-logo"><img src="../images_my/logo5.jpg" alt=""></a>
    <div class="m-trigger"></div>
    <ul class="m-nav">
        <li><a href="../index.html" class="v1">首页 </a></li>
        <li><a href="about.html" class="v1">关于来一卷</a></li>
        <li><a href="service.html" class="v1">来一卷服务</a></li>
        <li><a href="case.html" class="v1">来一卷案例</a></li>
        <li><a href="news.html" class="v1">来一卷动态</a></li>
        <li><a href="contact.html" class="v1">联系我们</a></li>
    </ul>
</div>
<div class="c"></div>	<div id="bd">
<div id="ban-in" style="background-image:url(../images_my/dt1.jpg)">
    <div class="ban-bg"></div>
</div>
<div class="wp" id="webbuit">

    <!-- 定制流程-->
    <div class="lc_box">

        <div class="lc">
            <div class="tit-i">
                <h3>定制服务</h3>
                <h5><span>case</span> of webthink</h5>
            </div>
            <div class="lc_wz">
                <ul>
                    <li>客户下单</li>
                    <li>沟通方案</li>
                    <li>方案设计</li>
                    <li>产品打样</li>
                    <li>确定样品</li>
                    <li>交货</li>
                </ul>

            </div>

            <div class="lc_dh">

                <div class="lc_dh_l"><img src="../images_my/tel.png" alt="咨询热线" title="咨询热线" />咨询热线：<span>13981766258&nbsp;&nbsp;0838-8608889</span>

                </div>

                <div class="lc_dh_r"><a href="http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=2877137853" title="立即咨询">立即咨询</a>

                </div>

            </div>

        </div>

    </div>
    <!--定制流程 END-->
    <br/> <br/> <br/> <br/>
    <div class="c"></div>

    <!--来一卷电子商务-->
    <div class="tit-i">
        <h3>电商服务</h3>
        <h5><span>case</span> of webthink</h5>
    </div>

    <ul class="ul-webset pr ul-show">
        <a href="https://www.1688.com/">
            <li class="li1">
                <div class="block">
                    <img src="../images/w1.png" alt="">
                    <img src="../images/w2.png" alt="">
                    <img src="../images/w3.png" alt="">
                    <img src="../images/w4.png" alt="">
                    <img src="../images/w5.png" alt="">
                    <img src="../images/w6.png" alt="">
                    <img src="../images/w7.png" alt="">
                    <img src="../images/w8.png" alt="">
                    <img src="../images/w9.png" alt="">
                </div>
                <h3>阿里巴巴·1688</h3>
                <div class="webset-pop">
                    <div class="pad">
                        <h2>阿里巴巴·1688<a href="http://www.baidu.com" class="close"></a></h2>

                    </div>
                </div>
            </li>
        </a>
        <a href="http://www.taobao.com">
            <li class="li3">
                <div class="block">
                    <img src="../images/d1.png" alt="">
                    <img src="../images/d2.png" alt="">
                    <img src="../images/d3.png" alt="">
                    <img src="../images/d4.png" alt="">
                    <img src="../images/d5.png" alt="">
                    <img src="../images/d6.png" alt="">
                    <img src="../images/d7.png" alt="">
                    <img src="../images/d8.png" alt="">
                    <img src="../images/d9.png" alt="">
                    <img src="../images/d10.png" alt="">
                    <img src="../images/d11.png" alt="">
                    <img src="../images/d12.png" alt="">
                    <img src="../images/d13.png" alt="">
                    <img src="../images/d14.png" alt="">

                </div>
                <h3>淘宝网</h3>
                <div class="webset-pop">
                    <h2>淘宝网<a href="javascript:void(0);" class="close"></a></h2>
                </div>
            </li>
        </a>
        <a href="https://www.tmall.com/">
            <li class="li3">
                <div class="block">
                    <img src="../images/q1.png" alt="">
                    <img src="../images/q2.png" alt="">
                    <img src="../images/q3.png" alt="">
                    <img src="../images/q4.png" alt="">
                    <img src="../images/q5.png" alt="">
                    <img src="../images/q6.png" alt="">

                </div>
                <h3>天猫商城</h3>
                <div class="webset-pop">
                    <h2>天猫商城<a href="javascript:void(0);" class="close"></a></h2>
                </div>
            </li>
        </a>
    </ul>

    <!--来一卷电子商务 END-->

<div class="h50"></div>
</div>

<div class="solution" id="solution">
    <div class="wp">
        <div class="tit-i">
            <h3>行业解决方案</h3>
            <h5>industry solution</h5>
            <em></em>
        </div>
        <ul class="ul-solution">
            <li class="li1"><a href=""><span></span><em>餐饮行业</em></a></li>
            <li class="li2"><a href=""><span></span><em>制造行业</em></a></li>
            <li class="li3"><a href=""><span></span><em>服装行业</em></a></li>
            <li class="li4"><a href=""><span></span><em>健康行业</em></a></li>
            <li class="li5"><a href=""><span></span><em>地产行业</em></a></li>
            <li class="li6"><a href=""><span></span><em>美容行业</em></a></li>
            <li class="li7"><a href=""><span></span><em>传媒行业</em></a></li>
            <li class="li8"><a href=""><span></span><em>家电行业</em></a></li>
            <li class="li9"><a href=""><span></span><em>汽车行业</em></a></li>
            <li class="li10"><a href=""><span></span><em>烟酒行业</em></a></li>
            <li class="li11"><a href=""><span></span><em>教育行业</em></a></li>
            <li class="li12"><a href=""><span></span><em>政府机构</em></a></li>
        </ul>
    </div>
</div>

<div class="c"></div>
<div id="fd" class="index-fd pr">
    <div class="map-bg3"></div>
    <div class="wp">
        <div class="fd-top">
            <dl>
                <dt>关于来一卷</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href="">我们是谁</a></li>
                        <li><a href="">我们服务的客户</a></li>
                        <li><a href="">我们的团队</a></li>
                        <li><a href="">客户监控系统</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>来一卷服务</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href="">网站建设</a></li>
                        <li><a href="">H5响应式 交互网站</a></li>
                        <li><a href="">移动端 & 微网站定制</a></li>
                        <li><a href="">服务流程</a></li>
                        <li><a href="">行业解决方案</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>来一卷案例</dt>
                <dd>
                    <ul class="ul-fd ul-fd2">
                        <li><a href="">移动微站</a></li>
                        <li><a href="">平台电商</a></li>
                        <li><a href="">HTML5</a></li>
                        <li><a href="">企业网站</a></li>
                        <li><a href="">集团公司</a></li>
                        <li><a href="">加工制造</a></li>
                        <li><a href="">酒店餐饮</a></li>
                        <li><a href="">金融投资</a></li>
                        <li><a href="">汽车地产</a></li>
                        <li><a href="">科技电子</a></li>
                        <li><a href="">影视传媒</a></li>
                        <li><a href="">生物医疗</a></li>
                        <li><a href="">教育培训</a></li>
                        <li><a href="">政府机关</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>来一卷动态</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href="">公司动态</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>联系我们</dt>
                <dd class="pr">
                    <p><a href="" class="weixin"></a><a href="" class="sina"></a><span class="weixin-pic"><img src="../images/ewm.jpg" alt=""></span></p>
                    <p><b class="tel">13981766258</b></p>
                    <h5>来一卷服务热线</h5>
                </dd>
            </dl>
        </div>
    </div>
    <div class="fd-copy">
        <div class="wp">
            <p>
                <span>来一卷网络技术（北京）有限公司 Copyright&copy; 2007-2015 </span><a href=""><span>京ICP备07017583号-1</span></a> <a href=""></a>
            </p>
        </div>
    </div>
</div>
<div class="side">
    <ul>
        <li><a href="">
            <div class="sidebox"><img src="../images/side_icon02.png">在线咨询</div>
        </a></li>
        <li><a href="">
            <div class="sidebox"><img src="../images/side_icon01.png">1197052444</div>
        </a></li>
        <li><a href="javascript:void(0);">
            <div class="sidebox"><img src="../images/side_icon03.png">13981766258</div>
        </a>

        </li>
    </ul>
</div>
<!-- 二维码 -->
<div class="side2">
    <ul>
        <li><a href=""><img src="../images/r_icon1.png" alt=""></a>
            <div class="weixin"><em></em><img src="../images_my/ewm.png" alt=""></div>
        </li>
        <li><a href="javascript:goTop();" class="sidetop"><img src="../images/r_icon2.png"></a></li>
    </ul>
</div>
<script type="text/javascript" src="../js/jquery.js"></script>
<link rel="stylesheet" href="../css/animate.css" />
<script type="text/javascript" src="../js/lib.js"></script>
<link rel="stylesheet" href="../css/flexslider.css" />
<script type="text/javascript" src="../js/flexslider.js"></script>
<script>
    var progressMove =  false;

    function checkMhd(){
        isMobile = $('#m-hd').is(':visible');
    }

    $(window).resize(function(){
        var process = $('.process');
        checkMhd();
        if( isMobile  ){
            process.removeClass('animate-box');
        }else{
            process.addClass('animate-box');
        }
    }).resize();

    $(window).scroll(function(){
        showWeb();
        showMobilephone();
        showProcess();
        showSolution();
    });

    function showWeb(){
        if(isScrolledIntoView('.ul-web') ){
            $('.ul-web li').each(function(i){
                $(this).delay(i*800).fadeIn(50,function(){
                    $(this).find('img').each(function(j){
                        $(this).delay(j*200).animate({opacity:1});
                    })
                });
            })
        }
    }

    function showProcess(){
        if(isScrolledIntoView('.process') ){
            $('.process .icon').each(function(){
                $(this).find('em').each(function(i){
                    $(this).delay(i*500).animate({opacity:1});
                })
            })
        }
    }

    /*function showProcess(){
     if( isScrolledIntoView('.process') ){
     if(isMobile){return;}
     if(progressMove){return;}
     if( !$('.process').is(':animated') ){
     $('.process').css('width',0).animate({width: '100%'},2000,function(){progressMove = true;});
     }
     }
     }*/

    function showMobilephone(){
        if( isScrolledIntoView('.tab-show') ){
            $('.tab-show .pic').each(function(){
                $(this).addClass($(this).data('animate'));
            })
            $('.tab-show .txt').each(function(){
                $(this).addClass($(this).data('animate'));
            })
        }

    }
    function showSolution(){
        if( isScrolledIntoView('.ul-solution', 300) ){
            $(".ul-solution").each(function(){
                $(".ul-solution li").animate({left: 0,top: 0,opacity: 1})
            })
        }
    }


    $('.ul-webset li a.close').click(function(){
        $('.ul-webset li .webset-pop').css({
            opacity: 0,
            left: '-100%',
            zIndex: -1
        });
    })
    $('.webset-pop .li2 a.close').click(function(){
        $('.webset-pop').hide();
    })
    $('.webset-pop .li3 a.close').click(function(){
        $('.webset-pop').hide();
    })


    $('.ul-txt li').click(function(){
        var txt = $(this).find('.txt-1');
        var _this = this;
        if(!txt.is(":visible")){
            $('.ul-txt li .txt-1').slideUp(500);
            txt.stop(false,true).slideDown(function(){
                $('.ul-txt li').removeClass('ok');
                $(_this).addClass('ok');
            });
        }else{
            var _this = this;
            txt.stop(false,true).slideUp(500,function(){
                $('.ul-txt li').removeClass('ok');
            });
        }
    });

    $('.ul-webset li .btn').click(function(){
        var webset_pop = $(this).parents('li').find('.webset-pop');
        webset_pop.css({zIndex: 10}).animate({
            opacity: 1,
            left: 0
        });
    });

    /*$(".ul-solution li").each(function (index, element) {
     if (index % 6 > 1) {
     $(this).css({ left: (index % 6 - 1) * 300 / (1 + Math.floor((index) / 6)) * 0.5,opacity: 0 });
     } else {
     $(this).css({ left: (index % 6 - 2) * 300 / (1 + Math.floor(index / 6)) * 0.5,opacity: 0 });
     }
     });*/

    $(document).ready(function (e) {

        $(".ul-solution li").hover(function () {
            $(this).find("span").animate({ top: 5}, 300)
        }, function () {
            $(this).find("span").animate({ top: 0 }, 300)

        })
    });


    $('.web-con .flexslider').flexslider({
        animation: "slide",
        animationLoop: true,
        slideshow: false,
        prevText:"",
        nextText:"",
        controlNav: true,
        directionNav: true
    });
    $(".TAB_CLICK_SLIDE li").click(function(){
        var tab = $(this).parent(".TAB_CLICK_SLIDE");
        var con = tab.attr("id");
        var idx = tab.find("li").index(this);
        $(this).addClass('hover').siblings(tab.find("li")).removeClass('hover');
        $(con).eq(idx).show().siblings(con).hide();
        $('.web-con .flexslider').flexslider(idx);
    });


</script>
</body>
</html>